<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- mui -->
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>

    <!-- zepto -->
    <script src="./lib/zepto/zepto.min.js"></script>

    <!-- template -->
    <script src="./lib/artTemplate/template-web.js"></script>

    <!-- jq -->
    <script src="./lib/jQuery/jquery-1.11.0.min.js"></script>
    
    <script src="./js/common.js"></script>
    <link rel="stylesheet" href="./css/index.css">

    <script src="./js/index.js"></script>
</head>

<body>

    <div class="top">
        <a class="logo" href="#">
            <img src="./imgs/indexImgs/logo.png" alt="">
        </a>
        <a class="app" href="#">
            <img src="./imgs/indexImgs/app.png" alt="">
        </a>
    </div>
    <div class="search">
        <div class="searchtext">
            <input type="search" placeholder="请输入你想比价的商品">
        </div>
        <div class="searchbtn">
            <input type="button" value="搜索">
        </div>
    </div>
    <div class="nav">
       
    </div>

    <script id="navs" type="text/html">
        {{each result}}
            <a href="{{$value.titlehref}}" data-id="{{$value.indexmenuId}}">
                    {{#$value.img}}
                <p>{{$value.name}}</p>
            </a>
        {{/each}}
    </script>

    <div class="probar">
        <span>超值折扣推荐</span>
        <img src="./imgs/indexImgs/more.png" alt="">
    </div>
    <div class="product">
        <ul>
            <li>
                <!-- <a href="">
                    <div class="left">
                            <img src="./indexImgs/pro1.jpg" alt="">
                    </div>
                    <div class="right">
                        <div class="title">
                            运动鞋
                            <span>125元包邮</span>
                        </div>
                        <div class="detail">
                            <span class="mall">京东商城|07-06 14:50</span>
                            <span class="comment"> 
                                <img src="./indexImgs/comment.png" alt="">
                                <span>0</span>
                            </span>
                        </div>
                    </div>
                </a> -->
            </li>
        </ul>    
    </div>
    <script id="proinfo" type="text/html">
      {{each result}}
         <a href="#" data-id="{{$value.productId}}">
            <div class="left">
                {{#$value.productImgSm}}
            </div>
            <div class="right">
                <div class="title">
                    {{$value.productName}}
                    <span>{{$value.productPinkage}}</span>
                </div>
                <div class="detail">
                    <span>{{$value.productFrom}}|{{$value.productTime}}</span>
                    <span class="comment"> 
                        <img src="./imgs/indexImgs/comment.png" alt="">
                        <span>{{$value.productComCount}}</span>
                    </span>
                </div>
            </div>
        </a>
        {{/each}}
        
    </script>


    <div class="saveMoney">
        <a href="#">更多优惠信息>></a>
    </div>

    <div class="probar">
            <span>品牌排行</span>
            <img src="./imgs/indexImgs/more.png" alt="">
    </div>

    <div class="foot">
        <div class="footop">
            <a href="#">登录</a>
            <a href="#">注册</a>
            <a href="#" style="width:40%" class="returntop">
                <img src="./imgs/indexImgs/top.jpg" alt="">返回顶部
            </a>
        </div>
        <div class="footer">
            <p><span>手机APP下载</span>慢慢买手机版--掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>
    </div>
</body>

</html>